<template>
  <div>
    <el-card>
      <el-row :gutter="10">
        <!--用户搜索-->
        <el-col :span="5">
          <el-input placeholder="请输入关键词">
            <el-button slot="append" icon="el-icon-search"></el-button>
          </el-input>
        </el-col>
        <!-- 状态搜索-->
        <el-col :span="8">
          <el-row>
            <el-col :span="12">
              <el-select v-model="value" placeholder="请选择" style="float:right;">
                <el-option
                  v-for="item in statusOptions"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-col>
            <el-col :span="12">
              <el-button icon="el-icon-search" style="background-color: #f5f7fa; float:left;"></el-button>
            </el-col>
          </el-row>
        </el-col>
        <!--添加用户-->
        <el-col :span="11" style="text-align: right;">
          <el-button type="primary" size="mini">添加</el-button>
        </el-col>
      </el-row>
      <el-table :data="tableList" border>
        <el-table-column label="No" type="index"></el-table-column>
        <el-table-column label="员工" prop="param1" min-width="200"></el-table-column>
        <el-table-column label="总拣货数量" prop="param2" min-width="200"></el-table-column>
        <el-table-column label="单件价格" prop="param3" min-width="200"></el-table-column>
        <el-table-column label="总工资" prop="param4" min-width="200"></el-table-column>
        <el-table-column label="应扣薪资" prop="param5" min-width="200"></el-table-column>
        <el-table-column label="应得薪资" prop="param6" min-width="200"></el-table-column>
        <el-table-column label="日期" prop="param7" min-width="200"></el-table-column>
      </el-table>
      <el-pagination :current-page="1"
        :page-sizes="[10, 20, 30, 40]" :page-size="10" layout="total, sizes, prev, pager, next, jumper"
        :total="10">
      </el-pagination>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'PaySum',
  data () {
    return {
      value: '',
      statusOptions: [
        {
          value: 'all',
          label: '全部'
        },
        {
          value: 'true',
          label: '开启'
        },
        {
          value: 'false',
          label: '冻结'
        }
      ],
      tableList: [{
        param1: '用户1',
        param2: '600',
        param3: '4.5',
        param4: '3600',
        param5: '28',
        param6: '3571.6',
        param7: '2020-11'
      },
      {
        param1: '用户2',
        param2: '600',
        param3: '9',
        param4: '4500',
        param5: '14',
        param6: '4485.6',
        param7: '2020-11'
      },
      {
        param1: '用户3',
        param2: '1400',
        param3: '13.5',
        param4: '5400',
        param5: '56',
        param6: '5343.6',
        param7: '2020-11'
      },
      {
        param1: '用户4',
        param2: '1400',
        param3: '18',
        param4: '6300',
        param5: '42',
        param6: '6257.6',
        param7: '2020-11'
      },
      {
        param1: '用户5',
        param2: '2000',
        param3: '22.5',
        param4: '7200',
        param5: '70',
        param6: '7129.6',
        param7: '2020-11'
      },
      {
        param1: '用户6',
        param2: '2400',
        param3: '27',
        param4: '8100',
        param5: '84',
        param6: '8014.6',
        param7: '2020-11'
      },
      {
        param1: '用户7',
        param2: '2800',
        param3: '22.5',
        param4: '9000',
        param5: '140',
        param6: '8858.6',
        param7: '2020-11'
      },
      {
        param1: '用户8',
        param2: '3200',
        param3: '22.5',
        param4: '6300',
        param5: '154',
        param6: '6143.6',
        param7: '2020-11'
      },
      {
        param1: '用户9',
        param2: '3600',
        param3: '22.5',
        param4: '6300',
        param5: '168',
        param6: '6129.6',
        param7: '2020-11'
      },
      {
        param1: '用户1',
        param2: '4000',
        param3: '22.5',
        param4: '6300',
        param5: '182',
        param6: '6115.6',
        param7: '2020-11'
      }]
    }
  }
}
</script>

<style lang="less" scoped>
</style>
